$(function () {
    $('.container').on('click', '.left', function () {
        console.log('left点击');

        $('.right').addClass('left')
        $('.right').removeClass('right')

        $('.middle').addClass('right')
        $('.middle').removeClass('middle')

        $(this).addClass('middle')
        $(this).removeClass('left')
    })

    $('.container').on('click', '.right', function () {
        console.log('right点击');

        $('.left').addClass('right')
        $('.left').removeClass('left')

        $('.middle').addClass('left')
        $('.middle').removeClass('middle')

        $(this).addClass('middle')
        $(this).removeClass('right')
    })
})